<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="assert/jquery/treetable/css/jquery.treetable.css">
<link rel="stylesheet" href="assert/jquery/treetable/css/jquery.treetable.theme.default.css">
</head>
<body>
	<table id="table_catalog" >
		<tr> 
			<th>目录名称</th>
			<th>目录信息</th>
			<th>操作</th>
		</tr>
		<tr data-tt-id="1"> 
			<td>家用电器</td>
			<td>这是家用电其</td>
			<td>操作</td>
		</tr>
		<tr data-tt-id="2" data-tt-parent-id = "1"> 
			<td>电器</td>
			<td>这是家用电其</td>
			<td>操作</td>
		</tr>
		<tr data-tt-id="3" data-tt-parent-id = "2"> 
			<td>电器</td>
			<td>这是家用电其</td>
			<td>操作</td>
		</tr>
		<!-- table_catalog
		<tr data-tt-id="1" data-tt-parent-id = "-1" >
		</tr> -->
	</table>
</body>
<script type="text/javascript" src="assert/jquery/jquery-3.4.1.js"></script>
<script type="text/javascript" src="assert/jquery/treetable/jquery.treetable.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#table_catalog").treetable({
		expandable:true
	}); 
});
</script>
</html>